<div class="panel panel-default">
    <!-- <div *ngIf="notices.id =undefined" >
        <app-notice-all > </app-notice-all>
    </div> -->
    <div>
        <button type="submit" style="width : 100px" class="btn btn-primary" (click)="editNoticeData(notices.id)">修改</button>

        <!-- <button type="text" (click)="Confirm()" pButton icon="fa-check" label="Confirm"></button>    -->
        <button type="submit" style="width : 100px" class="btn btn-primary" (click)="Confirm(notices.id)">删除</button>
     </div>
    <div class="panel-heading">
        <div><h3>{{notices.title}}</h3></div>
        <br>
        <div>发布人：{{notices.operator}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   发布日期: {{notices.createTime}}  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 接收人:  <a (click)="showDialog(notices.id)">查看全部</a> 
            <br>
            所属栏目: {{notices.columnName}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 浏览次数:34 次   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a (click)=showBrowseMarkDate(notices.id)>查看浏览记录</a>
        </div>
    </div>
    <div class="panel-body">
        <!-- {{notices.noticeContent}}  -->
        <p [innerHTML]="notices.noticeContent | safeHTML"></p>
        <!-- <p [innerHTML]="PaperRecordModel.studentAnswer | safeHTML"></p> -->
        <!-- <p [innerHTML]="notice.preview | safeHTML"></p> -->
        <!-- 人工智能人工智能人工智能人工智能人工智能人工智能人工智能 -->
    </div>

    <!-- 查询全部接受人模态框 -->
    <div>
        <p-dialog header="查看接收人" [(visible)]="display" modal="modal" width="300" [responsive]="true">
        <div class="browser" *ngFor="let browser of allBrowser;let i = index">{{browser.name}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{browser.gradeName}}</div>

        <p-footer>
            <button type="button" pButton  (click)="display=false" label="关闭"></button>
            <!-- <button type="button" pButton icon="fa-close" (click)="display=false" label="No"></button> -->
        </p-footer>
        </p-dialog>        
    </div>

        <!-- 查看是否浏览人员名单 -->
     <div>

        <p-dialog header="查看浏览记录" [(visible)]="warm" modal="modal" width="300" [responsive]="true">
            <p-tabView>
                <p-tabPanel header="浏览记录"  >
                    <div class="modal-body">                             
                        <div class="browser" *ngFor="let browseMark of allBrowseMark;let i = index">{{browseMark.name}}&nbsp;&nbsp;{{browser.gradeName}} </div>
                   </div>
                </p-tabPanel>
        
                <p-tabPanel header="未浏览记录" >
                    <div class="modal-body">  
                        <div class="browser" *ngFor="let noBrowseMark of noBrowseMark;let i = index">{{noBrowseMark.name}}&nbsp;&nbsp;{{browser.gradeName}}  </div>
                    </div>
                </p-tabPanel>
            </p-tabView>
         </p-dialog>         
    </div>

</div>

<!-- 提示信息 -->
<p-growl [value]="msgs"></p-growl>
<p-confirmDialog header="系统提示" icon="fa fa-question-circle" width="425" #cd>
    <p-footer>
        <button type="button" pButton icon="fa-close" label="取消" (click)="cd.reject()"></button>
        <button type="button" pButton icon="fa-check" label="确定" (click)="cd.accept()"></button>
    </p-footer>
</p-confirmDialog>